import { Col, Image } from "antd"
import React from "react"

import { IInsurePoolDetail } from "@/api/dxn/type"

interface Props {
	insurePoolDetail: IInsurePoolDetail
}

const InsurePoolDetail: React.FC<Props> = ({ insurePoolDetail }) => {
	return (
		<>
			<Col span={5} className="flexCenterLeft">
				<span className="resultSpan">
					<Image src={insurePoolDetail.src} />
					<span className="text-align-middle text-insured-color">{insurePoolDetail.title}</span>
				</span>
			</Col>
			<Col span={10} style={{ border: "1px solid transparent" }}></Col>
			<Col span={9} className="flexCenterLeft">
				<span className="rightValueSpan"></span>
				<span className="rightValueSpan"></span>
				<span className="rightValueSpan text-insured-color" style={{ marginTop: "0px" }}>
					{insurePoolDetail.insuredPool}
				</span>
			</Col>
		</>
	)
}

export default InsurePoolDetail
